<template>
  <div class="content-header">
    <a-breadcrumb style="margin: 16px 0">
        <a-breadcrumb-item>主页</a-breadcrumb-item>
        <a-breadcrumb-item>统计</a-breadcrumb-item>
    </a-breadcrumb>
    <div class="user">
        <a-dropdown>
            <a class="ant-dropdown-link" @click.prevent>
                用户信息
            <DownOutlined />
            </a>
            <template #overlay>
            <a-menu>
                <a-menu-item>
                    <a href="javascript:;">个人中心</a>
                </a-menu-item>
                <a-menu-item>
                    <a href="javascript:;">退出登录</a>
                </a-menu-item>
            </a-menu>
            </template>
        </a-dropdown>
    </div>
    </div>
</template>

<script>
import {
  DownOutlined,
} from "@ant-design/icons-vue";
export default {
  components: {
    DownOutlined,
  },
}
</script>

<style>

</style>